.orderModal{
  .ant-modal-body {
  padding: 0px;
 font-size: 14px;
 }
 }
 .orderClickBtn {
     display: flex;
     flex-direction: row;
     float: right;
     margin-right: 15px;
   }
   .timeStyle {
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     color: rgba(0, 0, 0, 1);
     padding-left: 20px;
     padding-right: 20px;
   }
   .approvedStyle {
     padding-top: 10px;
     padding-left: 10px;
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     color: rgba(122, 122, 122, 1);
   }
   .orderRow {
     display: flex;
     flex-direction: row;
     flex-direction: column;
     float: right;
     margin-right: 40px;
     margin-top: 1%;
   }
   .timeClickBtn {
     padding-top: 9px;
 
   }
   .fontSize {
     padding: 5px;
   }
   .orderSearch {
     float: right;
     margin-right: 10px;
   }
   
   .orderLine{
      margin:0px
   }
   .orderTable{
     .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
       .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
       .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
       .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
       .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
       .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
       .ant-table-small
         > .ant-table-content
         > .ant-table-fixed-left
         > .ant-table-body-outer
         > .ant-table-body-inner
         > table
         > .ant-table-thead
         > tr
         > th,
       .ant-table-small
         > .ant-table-content
         > .ant-table-fixed-right
         > .ant-table-body-outer
         > .ant-table-body-inner
         > table
         > .ant-table-thead
         > tr
         > th {
         background-color:#FFF1C9 !important;
         color: black !important;
       }
       .ant-table-small > .ant-table-content > .ant-table-body {
         margin: 0;
       }
       .ant-table-small > .ant-table-content > .ant-table-footer {
         background-color: #efefef;
         border-top: 1px solid #e8e8e8;
       }
       .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
         // background-color: red;   
         padding: 8px 8px;
     }
     }
     .light-row{
         background:#FFDFEC
     }
     .dark-row{
         background-color: #EFEFEF;
     }
     .purple-row{
       background-color: #A1A4F1;
       // color: white;
     }
 
      
        .check-img {
          font-size: 20px;
          margin-left: 5px;
          margin-top: 2px;
        }
        .nickName {
          margin-top: -10px;
          font-size: 10px;
        
          font-weight: 500;
          line-height: 20px;
          color: rgba(0, 0, 0, 1);
        }
        .receivables {
          padding-bottom: 12px;
          margin: 0px;
          font-size: 14px;
          padding-left: 10px;
          font-weight: 500;
          line-height: 20px;
          color: rgba(0, 0, 0, 1);
          opacity: 1;
        }
        .payable {
          padding-bottom: 12px;
          margin: 0px;
          padding-top: 16px;
          font-size: 14px;
          padding-left: 10px;
          font-weight: 500;
          line-height: 20px;
          color: rgba(0, 0, 0, 1);
          opacity: 1;
        }
        .ant-avatar-lg {
          width: 65px;
          height: 65px;
          line-height: 40px;
          border-radius: 50%;
          margin: 18px;
        }
        .cardContext {
          display: flex;
          flex-direction: column;
          text-align: center;
        }
        .cardBody {
          display: flex;
          flex-direction: row;
        }
        .topRow {
          display: flex;
          flex-direction: row;
          padding-top: 40px;
          padding-left: 22px;
        }
        .topLine {
          border-bottom: 1px solid rgba(222, 222, 222, 1);
          opacity: 1;
          height: 0;
        }
        .cardTop {
          display: flex;
          flex-direction: row;
          padding-top: 14px;
          padding-left: 24px;
        }
        .cardLine {
          width: 100%;
          height: 1px;
          background: rgba(243, 243, 243, 1);
          margin-top: 1px;
        }
        
        .titleFont {
          font-size: 14px;
          padding-top: 10px;
          font-weight: 500;
          line-height: 20px;
          color: rgba(0, 0, 0, 1);
          padding-left: 10px;
        }
        .orderCards {
          width: 320px;
          height: 210px;
          background: #FFFAF2;
          box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
          border-radius: 4px;
        }
        
        .customerFont {
          font-size: 14px;
          width: 150px;
          font-weight: 500;
          line-height: 22px;
          color: rgba(0, 0, 0, 1);
          opacity: 1;
          padding-left: 8%;
          padding-top: 8%;
        }
        
        .house-container {
          overflow: auto;
          height: 600px;
        }
        .demo-loading-container {
          position: absolute;
          bottom: 40px;
          width: 100%;
          text-align: center;
        }
        .cardBottom{
         display:flex; flex-direction:row;background:#FF3838;color:white;font-size: 14px;height:40px;text-align:center;
        }
        .orderrowfooter{
         height:40px;background:rgba(209,209,209,1);position:fixed;z-index:999; bottom:0;width:100%;margin-left:-2%
       }
       .colstylea{
         background:rgba(209,209,209,1);padding-top:12px;padding-left:60px
           }
           .colstyleb{
          background:rgba(209,209,209,1);padding-left:20px;padding-top:12px
           }
           .colstylec{
           background:rgba(209,209,209,1);padding-top:12px
           }